<!DOCTYPE html>
<html>
<head>
  <meta content="IE=11.0000" http-equiv="X-Ua-Compatible">
  <meta charset="utf-8">
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-Ua-Compatible" content="IE=edge,chrome=1">
  <!--<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">-->
  <title>工程建设云2</title>

  <!--region 引入公用js和css -->
  <script>
    var HOST_S = "";
    var ctx = "";
  </script>

  <link href="../assets/plugins/animate/animate.css" rel="stylesheet">
  <link href="../assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/plugins/fullcalendar/fullcalendar.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/base/css/components.css" rel="stylesheet" id="style_components" type="text/css"/>
  <link href="../assets/base/css/plugins.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/ditop/layout.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/plugins/datatables/datatables.min.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css" rel="stylesheet"
        type="text/css"/>
  <link href="../assets/plugins/bootstrap-table/bootstrap-table.css" rel="stylesheet">
  <link href="../assets/plugins/bootstrap-table/extensions/tree-column/bootstrap-table-tree-column.css"
        rel="stylesheet">
  <link href="../assets/plugins/bootstrap-toastr/toastr.css" rel="stylesheet">

  <link rel="stylesheet" href="../assets/plugins/sweetalert/sweetalert.css">
  <link rel="stylesheet" href="../assets/plugins/layer/theme/default/layer.css">
  <link rel="stylesheet" href="http://at.alicdn.com/t/font_928621_4uljqtex2ma.css">
  <!-- CSS Customization -->
  <link href="../assets/plugins/select2/css/select2.min.css" rel="stylesheet">
  <link href="../assets/plugins/icheck/skins/flat/aero.css" rel="stylesheet">
  <link href="../assets/ditop/ditop.css" rel="stylesheet">
  <link href="../assets/ditop/style/ztree/style9/treestyle.css" rel="stylesheet">
  <link href="../assets/plugins/bootstrap-touchspin/bootstrap.touchspin.css" rel="stylesheet">
  <link href="../assets/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css" rel="stylesheet"
        type="text/css"/>
  <link href="../assets/module/gcjsy/gov/css/gcjsy-gov.css" rel="stylesheet">
  <script src="../assets/plugins/jquery/jquery.min.js"></script>
  <script src="../assets/plugins/bootstrap/js/bootstrap.min.js"></script>
  <script src="../assets/plugins/bootstrap-toastr/toastr.js"></script>
  <script src="../assets/plugins/art-template/template.js"></script>
  <script src="../assets/plugins/layer/layer.js"></script>
  <script src="../assets/ditop/ditop.js"></script>
  <script src="../assets/plugins/ztree/jquery.ztree.all.js"></script>


  <!--需引入-->
  <script src="../assets/plugins/echarts.min.js"></script>
  <link rel="stylesheet" href="creditAnalysis.css">
</head>

<body>
<div class="page-wrapper">
  <div class="page-header navbar">
    <div class="page-header-inner clearfix">
      <div class="logo pull-left">
        <a class="clearfix" href="#">
          <i class="dtFont dtFont-logo"></i>
          <div class="logo-inner">
            <p class="logo-terrace">企业服务平台</p>
            <p class="logo-name">工  程  建  设  云</p>
          </div>
        </a>
      </div>
      <div class="menu-toggler sidebar-toggler" style="height: 0"></div>
      <div class="main-menu pull-left">
        <ul class="nav navbar-nav menu-bar">
          <li class="0a7df-vuf000-002pa " data-menuhelpurl="/c/apply/building/busiList">

            <div class="header-type">首页</div>
          </li>
          <li class="0a7df-vuf000-002pa " data-menuhelpurl="/c/apply/building/busiList">

            <div class="header-type">动态</div>
          </li>
          <li class="0a7df-vuf000-002pa active-menu" data-menuhelpurl="/c/apply/building/busiList">

            <div class="header-type">应用中心</div>
          </li>
          <li class="07udb-6ckv00-00br5 " data-menuhelpurl="/c/ucenter/serviceCenter">

            <div class="header-type">统计</div>
          </li>
        </ul>
      </div>
      <div class="top-menu pull-right">
        <ul class="nav navbar-nav">

          <li><a href="#"><i class="dtFont dtFont-bangzhu2"></i></a></li>
          <li><a href="#"><i class="dtFont dtFont-xinxi3"></i><span class="badge badge-danger"></span></a></li>
          <li class="dropdown">
            <a href="javascript:;" class="dropdown-toggle user-info" data-toggle="dropdown" data-hover="dropdown" data-close-others="true"><i class="dtFont dtFont-touxiang2"></i></a>
            <ul class="dropdown-menu dropdown-menu-default pull-right	">
              <li class="profile">
                <a href="javascript:;"> <i class="icon-user"></i> 个人中心</a>
              </li>
              <li class="changePassword">
                <a href="javascript:;"> <i class="icon-key"></i> 修改密码</a>
              </li>
              <li class="feedBack">
                <a href="javascript:;"> <i class="icon-bubbles"></i> 给管理员留言</a>
              </li>
              <li class="divider"></li>
              <li class="logout">
                <a href="javascript:;"> <i class="icon-close"></i>退出</a>
              </li>
            </ul>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <div class="page-container clearfix">

    <div class="page-sidebar-wrapper pull-left left-nav">
      <div class="menu-toggler sidebar-toggler">
        <div class="minleft">收起</div>
        <div class="minright">展开</div>
      </div>
      <div class="page-sidebar navbar-collapse collapse">
        <div class="left-menu">
          <ul class="page-sidebar-menu" data-keep-expanded="false" data-auto-scroll="true"
              data-slide-speed="200">
            <li class="heading nav_context" pid="0cp5m-auw400-00jxw" data-rid="0cp5m-auw400-00jxw">
              <h3 class="uppercase mudule-name">信用信息管理</h3>
            </li>
            <li class="nav-item active open" title="">
              <a class="nav-link" href="#none">
                <i class="fa fa-file"></i>
                <span class="title">企业信用分析</span>
                <span class="arrow open"></span>
              </a>
              <ul class="sub-menu">
                <li class="nav-item" data-rid="0g12u-2k6400-00rh5">
                  <a href="信用采集分析.html" class="nav-link">
                    <i class="fa fa-file"></i><span class="title">信用采集分析</span><span class="selected"></span>
                  </a>
                </li>
                <li class="nav-item active open" data-rid="0g12u-2k6400-00rh5">
                  <a href="信用评级分析.html" class="nav-link">
                    <i class="fa fa-file"></i><span class="title">信用评价分析</span><span class="selected"></span>
                  </a>
                </li>
                <li class="nav-item" data-rid="0g12u-83cr00-008na">
                  <a href="良好信用分析.html" class="nav-link">
                    <i class="fa fa-file"></i><span class="title">良好信用分析</span>
                  </a>
                </li>
                <li class="nav-item" data-rid="0g12u-83cr00-008na">
                  <a href="不良信用分析.html" class="nav-link">
                    <i class="fa fa-file"></i><span class="title">不良信用分析</span>
                  </a>
                </li>
              </ul>
            </li>
          </ul>
        </div>
      </div>
    </div>


    <div class="page-content-wrapper pull-right">
      <div class="page-content">
        <div class="analysis__box">
          <ul class="ls_tab">
            <li class="active"><a href="#cut1" data-toggle="tab">信用等级数据</a></li>
            <li><a href="#cut2" data-toggle="tab">信用等级分布</a></li>
            <li><a href="#cut3" data-toggle="tab">C级企业评定分析</a></li>
          </ul>
          <div class="tab-content">
            <div id="cut1" class="tab-pane">
              <section class="margin-bottom-30">
                <div class="clearfix">
                  <div class="h-title pull-left">信用等级占比</div>
                  <div class="aly_header clearfix margin-top-10 pull-right">
                    <div class="alr_item">
                      <b>企业类型</b>
                      <select class="head-select">
                        <option value="">造价企业</option>
                      </select>
                    </div>
                    <div class="alr_item">
                      <b>地区</b>
                      <select class="head-select">
                        <option value="">安徽省合肥市</option>
                      </select>
                    </div>
                    <div class="alr_item">
                      <b>年度</b>
                      <select class="head-select">
                        <option value="">2020年</option>
                      </select>
                    </div>
                  </div>
                </div>
                <div id="gradeOption" class="aly_chart" style="height: 300px"></div>
              </section>
              <section class="margin-bottom-30">
                <div class="cut__box clearfix">
                  <div class="h-title pull-left">信用等级变化趋势</div>
                  <div class="aly_header clearfix margin-top-10 pull-right">
                    <div class="btn-group btn_time" role="group">
                      <button style="width: 100px;" type="button" class="btn btn-default active">企业变化数</button>
                      <button style="width: 100px;" type="button" class="btn btn-default">同比率</button>
                    </div>
                    <div class="alr_item">
                      <b>企业类型</b>
                      <select class="head-select">
                        <option value="">造价企业</option>
                      </select>
                    </div>
                    <div class="alr_item">
                      <b>地区</b>
                      <select class="head-select">
                        <option value="">安徽省合肥市</option>
                      </select>
                    </div>
                  </div>
                </div>
                <div id="gradeTrend" class="aly_chart" style="height: 415px"></div>
              </section>
              <section class="margin-bottom-20">
                  <div class="h-title">信用等级流入流出情况</div>
                  <div class="aly_header clearfix margin-top-20">
                    <div class="alr_item">
                      <b>企业类型</b>
                      <select class="head-select">
                        <option value="">造价企业</option>
                      </select>
                    </div>
                    <div class="alr_item">
                      <b>地区</b>
                      <select class="head-select">
                        <option value="">全部地区</option>
                      </select>
                    </div>
                    <div class="alr_item">
                      <b>年度</b>
                      <select class="head-select">
                        <option value="">2021</option>
                      </select>
                    </div>
                    <div class="alr_item">
                      <b>等级</b>
                      <select class="head-select">
                        <option value="">全部</option>
                      </select>
                    </div>
                  </div>
                  <div class="ayn_table">
                    <table id="table"></table>
                  </div>
              </section>
            </div>
            <div id="cut2" class="tab-pane active">
              <section class="margin-bottom-20">
                <div class="clearfix cut__box">
                  <div class="h-title pull-left">信用等级分布情况</div>
                  <div class="aly_header margin-top-10 pull-right">
                    <div class="alr_item">
                      <b>企业类型</b>
                      <select class="head-select">
                        <option value="">造价企业</option>
                      </select>
                    </div>
                    <div class="alr_item">
                      <b>年度</b>
                      <select class="head-select">
                        <option value="">2020年</option>
                      </select>
                    </div>
                    <div class="btn-group btn_time" role="group">
                      <button type="button" class="btn btn-default active">AAA级</button>
                      <button type="button" class="btn btn-default">AA级</button>
                      <button type="button" class="btn btn-default">A级</button>
                      <button type="button" class="btn btn-default">B级</button>
                      <button type="button" class="btn btn-default">C级</button>
                    </div>
                  </div>
                </div>
                <div class="clearfix">
                  <div id="gradeMap" class="work-chart" style="height: 620px;border-left: 1px solid #EAEDF3;"></div>
                  <div class="work-chart" style="height: 620px;border: 1px solid #EAEDF3;">
                    <table class="table">
                      <thead>
                        <tr>
                          <th width="70" class="text-center">排名</th>
                          <th class="text-left">地区</th>
                          <th class="text-center">AAA级企业/企业总数</th>
                          <th width="90" class="text-center">占比率</th>
                        </tr>
                      </thead>
                      <tbody>
                        <tr>
                          <td class="text-center">1</td>
                          <td class="text-left">庐阳区</td>
                          <td class="text-center">120 / 1200家</td>
                          <td class="text-center">12.12%</td>
                        </tr>
                        <tr>
                          <td class="text-center">2</td>
                          <td class="text-left">庐阳区</td>
                          <td class="text-center">120 / 1200家</td>
                          <td class="text-center">12.12%</td>
                        </tr>
                        <tr>
                          <td class="text-center">3</td>
                          <td class="text-left">庐阳区</td>
                          <td class="text-center">120 / 1200家</td>
                          <td class="text-center">12.12%</td>
                        </tr>
                        <tr>
                          <td class="text-center">4</td>
                          <td class="text-left">庐阳区</td>
                          <td class="text-center">120 / 1200家</td>
                          <td class="text-center">12.12%</td>
                        </tr>
                        <tr>
                          <td class="text-center">5</td>
                          <td class="text-left">庐阳区</td>
                          <td class="text-center">120 / 1200家</td>
                          <td class="text-center">12.12%</td>
                        </tr>
                        <tr>
                          <td class="text-center">6</td>
                          <td class="text-left">庐阳区</td>
                          <td class="text-center">120 / 1200家</td>
                          <td class="text-center">12.12%</td>
                        </tr>
                        <tr>
                          <td class="text-center">7</td>
                          <td class="text-left">庐阳区</td>
                          <td class="text-center">120 / 1200家</td>
                          <td class="text-center">12.12%</td>
                        </tr>
                        <tr>
                          <td class="text-center">8</td>
                          <td class="text-left">庐阳区</td>
                          <td class="text-center">120 / 1200家</td>
                          <td class="text-center">12.12%</td>
                        </tr>
                        <tr>
                          <td class="text-center">9</td>
                          <td class="text-left">庐阳区</td>
                          <td class="text-center">120 / 1200家</td>
                          <td class="text-center">12.12%</td>
                        </tr>
                        <tr>
                          <td class="text-center">10</td>
                          <td class="text-left">庐阳区</td>
                          <td class="text-center">120 / 1200家</td>
                          <td class="text-center">12.12%</td>
                        </tr>
                      </tbody>
                    </table>
                  </div>
                </div>
              </section>
            </div>
            <div id="cut3" class="tab-pane">
              <section class="margin-bottom-30">
                <div class="clearfix">
                  <div class="h-title pull-left">C级企业评定分析</div>
                  <div class="aly_header margin-top-10 pull-right">
                    <div class="alr_item">
                      <b>企业类型</b>
                      <select class="head-select">
                        <option value="">造价企业</option>
                      </select>
                    </div>
                    <div class="alr_item">
                      <b>地区</b>
                      <select class="head-select">
                        <option value="">全部地区</option>
                      </select>
                    </div>
                  </div>
                </div>
                <div id="evaluateOption" class="aly_chart" style="height: 420px;width: 100%;"></div>
              </section>
              <section class="margin-bottom-20">
                <div class="clearfix">
                  <div class="h-title pull-left">C级企业评定指标</div>
                  <div class="aly_header clearfix margin-top-10 pull-right">
                    <div class="alr_item">
                      <b>企业类型</b>
                      <select class="head-select">
                        <option value="">造价企业</option>
                      </select>
                    </div>
                    <div class="alr_item">
                      <b>地区</b>
                      <select class="head-select">
                        <option value="">全部地区</option>
                      </select>
                    </div>
                    <div class="alr_item">
                      <b>年度</b>
                      <select class="head-select">
                        <option value="">2020</option>
                      </select>
                    </div>
                  </div>
                </div>
                <div class="ayn_table">
                  <table id="cTable"></table>
                </div>
              </section>
            </div>
          </div>


        </div>
      </div>
    </div>

  </div>
</div>


<!--region 引入公用js和css -->
<script src="../assets/plugins/sweetalert/sweetalert.min.js"></script>
<script src="../assets/plugins/jquery.blockui.min.js"></script>
<script src="../assets/plugins/js.cookie.min.js"></script>
<script src="../assets/plugins/jquery-slimscroll/jquery.slimscroll.min.js"></script>
<script src="../assets/plugins/jquery.blockui.min.js"></script>
<script src="../assets/plugins/bootstrap-switch/js/bootstrap-switch.min.js"></script>
<script src="../assets/plugins/bootstrap-touchspin/bootstrap.touchspin.js"></script>
<script src="../assets/plugins/moment.min.js"></script>
<script src="../assets/plugins/bootstrap-daterangepicker/daterangepicker.min.js"></script>
<script src="../assets/plugins/counterup/jquery.waypoints.min.js"></script>
<script src="../assets/plugins/counterup/jquery.counterup.min.js"></script>
<script src="../assets/plugins/fullcalendar/fullcalendar.js"></script>
<script src="../assets/plugins/horizontal-timeline/horizontal-timeline.js"></script>
<script src="../assets/plugins/jquery.sparkline.min.js"></script>
<script src="../assets/plugins/select2/js/select2.js"></script>
<script src="../assets/plugins/select2/js/i18n/zh-CN.js"></script>
<script src="../assets/plugins/ztree/jquery.ztree.all.js"></script>
<script src="../assets/plugins/jquery-form/jquery.form.js"></script>
<script src="../assets/plugins/jquery-validator/jquery.placeholder.min.js"></script>
<script src="../assets/plugins/jquery-validator/jquery.validate.js"></script>
<script src="../assets/plugins/jquery-validator/jquery.validate.custom.js"></script>
<script src="../assets/plugins/jquery-validator/localization/messages_zh.js"></script>
<script src="../assets/plugins/jquery-validator/additional-methods.js"></script>
<script src="../assets/plugins/bootstrap-growl/jquery.bootstrap-growl.js"></script>
<script src="../assets/plugins/bootstrap-table/bootstrap-table.js"></script>
<script src="../assets/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.js"></script>
<script src="../assets/plugins/bootstrap-table/extensions/tree-column/bootstrap-table-tree-column.js"></script>
<script src="../assets/base/scripts/app.js"></script>
<script src="../assets/base/scripts/theme.js"></script>
<script src="../assets/ditop/ditop-addition.js"></script>
<script src="../assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js" type="text/javascript"></script>
<script src="../assets/plugins/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"
        type="text/javascript"></script>
<script type="text/javascript" src="../assets/plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"
        charset="UTF-8"></script>
<script type="text/javascript"
        src="../assets/plugins/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"
        charset="UTF-8"></script>
<script src="../assets/plugins/jquery-validator/jquery.validate.custom.js"></script>
<script src="../assets/ditop/layout.js"></script>
<!--endregion-->
<script src="grade.js"></script>
<script>
  $("#table").bootstrapTable({
    //url: "/g/psPersonQuery/queryData/" + $("#searchVal").val(),
    //method: 'post',
    pagination: false,
    classes: 'table boot_table table-hover',
    paginationPreText: "上一页",
    paginationNextText: '下一页',
    paginationHAlign: 'left', //right, left
    paginationVAlign: 'bottom', //bottom, top, both
    paginationDetailHAlign: 'right', //right, left
    toolbar: false,
    filterBar: false,
    pageSize: 5,
    queryParams: function (params) {

    },
    columns: [
      {
        field: 'a',
        title: '序号',
        width: 70,
        align:'center',
      },{
        field: 'b',
        title: '信用等级',
        class:"nowrap"
      },{
        field: 'c',
        title: '现有企业数',
        class:"nowrap"
      },{
        field: 'd',
        title: '上一年企业数',
        class:"nowrap"
      },{
        field: 'e',
        title: '同比率',
        class:"nowrap",
        formatter:function (value, row, index) {
          if(parseInt(value)>0){
            return "<span style='color: #3BAD4B;'>"+value+"</span>"
          }else{
            return "<span style='color: #E0414A;'>"+value+"</span>"
          }
        }
      },{
        field: 'f',
        title: '信用等级流入变化',
      },{
        field: 'g',
        title: '信用等级流出变化',
      }
    ],
    data: [{
      a: 1,b: 'AAA级',c: '80家',d:'80家',e:"+3%",
      f:'AAA级流入8家、AA级流入5家、A级流入5家、B级流入1家、C级流入1家',
      g:'AAA级流出8家、AA级流出5家、A级流出5家、B级流出1家、C级流出1家',
    },{
      a: 2,b: 'AAA级',c: '80家',d:'80家',e:"+3%",
      f:'AAA级流入8家、AA级流入5家、A级流入5家、B级流入1家、C级流入1家',
      g:'AAA级流出8家、AA级流出5家、A级流出5家、B级流出1家、C级流出1家',
    },{
      a: 3,b: 'AAA级',c: '80家',d:'80家',e:"-1%",
      f:'AAA级流入8家、AA级流入5家、A级流入5家、B级流入1家、C级流入1家',
      g:'AAA级流出8家、AA级流出5家、A级流出5家、B级流出1家、C级流出1家',
    },{
      a: 4,b: 'AAA级',c: '80家',d:'80家',e:"-1%",
      f:'AAA级流入8家、AA级流入5家、A级流入5家、B级流入1家、C级流入1家',
      g:'AAA级流出8家、AA级流出5家、A级流出5家、B级流出1家、C级流出1家',
    },{
      a: 5,b: 'AAA级',c: '80家',d:'80家',e:"-1%",
      f:'AAA级流入8家、AA级流入5家、A级流入5家、B级流入1家、C级流入1家',
      g:'AAA级流出8家、AA级流出5家、A级流出5家、B级流出1家、C级流出1家',
    }]
  });
  $("#cTable").bootstrapTable({
    //url: "/g/psPersonQuery/queryData/" + $("#searchVal").val(),
    //method: 'post',
    pagination: false,
    classes: 'table boot_table table-hover',
    paginationPreText: "上一页",
    paginationNextText: '下一页',
    paginationHAlign: 'left', //right, left
    paginationVAlign: 'bottom', //bottom, top, both
    paginationDetailHAlign: 'right', //right, left
    toolbar: false,
    filterBar: false,
    pageSize: 5,
    queryParams: function (params) {

    },
    columns: [
      {
        field: 'a',
        title: '序号',
        width: 70,
        align:'center',
      },{
        field: 'b',
        title: '评为C级原因'
      },{
        field: 'c',
        title: '认定企业总数',
        width:160
      }
    ],
    data: [{
      a: 1,
      b: '违法发包、挂靠、转包、违法分包、转让出借资质证书，或者以其他方式允许他人以本单位的名义承揽工程等，受到行政处罚的',
      c:'120家',
    },{
      a: 2,
      b: '违法发包、挂靠、转包、违法分包、转让出借资质证书，或者以其他方式允许他人以本单位的名义承揽工程等，受到行政处罚的',
      c:'120家',
    },{
      a: 3,
      b: '违法发包、挂靠、转包、违法分包、转让出借资质证书，或者以其他方式允许他人以本单位的名义承揽工程等，受到行政处罚的',
      c:'120家',
    },{
      a: 4,
      b: '违法发包、挂靠、转包、违法分包、转让出借资质证书，或者以其他方式允许他人以本单位的名义承揽工程等，受到行政处罚的',
      c:'120家',
    },{
      a: 5,
      b: '违法发包、挂靠、转包、违法分包、转让出借资质证书，或者以其他方式允许他人以本单位的名义承揽工程等，受到行政处罚的',
      c:'120家',
    }]
  });
</script>
</body>
</html>
